<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Projet - Groupe 6</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="images/favicon.ico" />
</head>

<body>
<div id="main">
  <div class="container">
    <div id="header">
      <ul id="menu">
        <li><a href="directives.html">Directives</a></li>
        <li><a href="index.html">Outils et Libraires</a></li>
        <li><a href="">Stockage</a></li>
        <li><a href="">Affichage</a></li>
        <li><a href="">Groupe 6</a></li>
      </ul>
      <div id="logo">
        <h1>Projet - Groupe 6</h1>
    </div>
    <div id="block_feature">
      <div id="block_featuredblog" class="block"> <img src="images/ribbon_featuredblog.png" class="ribbon" alt="Featured Project"/>
        <div class="block_inside">
          <div class="image_block"> <img src="images/sample_blog.jpg" alt="New Blog"/> </div>
          <div class="text_block">
            <h2>Directives pour Projet I INF</h2>
           <!-- <small>on <a href="">april 13</a> in <a href="">web design</a> tagged <a href="">blogging</a></small>-->
            <p>Le but de ce projet est développer un système permettant de simplifier le relevé des compteurs d'énergie. Actuellement, l'opérateur qui se déplace d'habitations en habitations doit relever ma-nuellement la valeur des compteurs. Le système à développer va simplifier sa tâche en automa-tisant la saisie des mesures et le stockage dans une base de données. </p>
            <p>Le système final sera implémenté sur un PC portable et sur un système embarqué. Le système embarqué est un PIC auquel est relié, d'une part un module Bluetooth qui communique avec le PC et d'autre part une sonde optique infrarouge pour les compteurs d'énergie.
Les mesures sont effectuées en posant la sonde sur le compteur d'énergie.  Elles sont stockées temporairement sur le système PIC puis transférées sur le PC à un instant à déterminer. Le PC doit décoder les trames contenant les mesures et sauver ces dernières dans une base de don-nées.
 </p>
            <br />
            <a href="" class="button">Suite</a> </div>
        </div>
      </div>
    </div>
    <div id="block_content">

            	<div id="content_area" class="block">
                    <div class="block_inside">

						<h2>Outils et Libraires</h2>
                        <small>On outilise <a href="">Jquery</a>, <a href="">JPlot</a>, <a href="">Xampp</a>, <a href="">Tortoise SVN</a>, <a href="">HTML/CSS</a></small>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla mi risus, tempor in, gravida quis, rutrum vitae, massa. Suspendisse congue, nibh et lacinia sodales. </p>
						<p>Risus nulla fringilla enim, sit amet adipiscing sapien risus sed velit. Sed vitae justo. In quis lorem nec justo varius sodales. Nullam eleifend accumsan mi. Nunc at velit. Maecenas velit. <a href="#">Read More</a></p>

                        <div class="separator"></div>

                        <h2>Stockage</h2>
                        <small>On outilise <a href="">MySQL</a> avec <a href="">PHP</a></small>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla mi risus, tempor in, gravida quis, rutrum vitae, massa. Suspendisse congue, nibh et lacinia sodales. </p>
						<p>Risus nulla fringilla enim, sit amet adipiscing sapien risus sed velit. Sed vitae justo. In quis lorem nec justo varius sodales. Nullam eleifend accumsan mi. Nunc at velit. Maecenas velit. <a href="#">Read More</a></p>

                        <div class="separator"></div>

                        <h2>Groupe 6</h2>
                        <small>L'equipe  <a href="">Tibor Udvari</a>, <a href="">Amine </a>, <a href="">Mec 1</a>, <a href="">Mec 2</a></small>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla mi risus, tempor in, gravida quis, rutrum vitae, massa. Suspendisse congue, nibh et lacinia sodales. </p>
						<p>Risus nulla fringilla enim, sit amet adipiscing sapien risus sed velit. Sed vitae justo. In quis lorem nec justo varius sodales. Nullam eleifend accumsan mi. Nunc at velit. Maecenas velit. <a href="#">Read More</a></p>

                    </div>
                 </div>
                 <div id="sidebar">
     				<!--- <img src="images/ribbon_browse.png" class="ribbon" alt="Featured Project"/> -->
                 	<div class="block_inside">

                    	<h3>Outils et Libraires</h3>

                        <ul>
                        	<li><a href="">Jquery</a></li>
                        	<li><a href="">JPlot</a></li>
                            <li><a href="">Xampp</a></li>
                            <li><a href="">Tortoise SVN</a></li>
                            <li><a href="">HTML/CSS</a></li>
						</ul>  

                        <h3>Stockage</h3>

                        <ul>
                        	<li><a href="">MySQL</a></li>
                        	<li><a href="">PHP</a></li>
						</ul>  

                        <h3>Groupe 6</h3>

                        <ul>
                        	<li><a href="">Tibor Udvari</a></li>
                        	<li><a href="">Amine</a></li>
                        	<li><a href="">Autre Mec</a></li>
                        	<li><a href="">Autre Mec 2</a></li>
						</ul>                            

                    </div>
                 </div>

                 <!-- a Clearing DIV to clear the DIV's because overflow:auto doesn't work here -->
                 <div style="clear:both"></div>

            </div>

    <div id="block_content"> Content </div>
  </div>
</div>
</div>
<div id="footer">
  <div class="container">
    <div class="footer_column long">
      <h3>Designed by Collis Ta'eed, do with this as you please</h3>
      <p>You can read a photoshop tutorial for creating the design at <a href="http://psdtuts.com">PSDTUTS</a>, You can read a PS->HTML tutorial for creating the site at <a href="http://nettuts.com">NETTUTS</a> and you can learn how to turn the HTML into a WordPress theme in the upcoming book <a href="http://freelanceswitch.com/book">How to be a Rockstar WordPress Designer</a></p>
    </div>
    <div class="footer_column">
      <h3>More Links</h3>
      <ul>
        <li><a href="http://vectortuts.com">VECTORTUTS</a></li>
        <li><a href="http://activeden.net">FlashDen</a></li>
        <li><a href="http://audiojungle.net">AudioJungle</a></li>
        <li><a href="http://freelanceswitch.com">FreelanceSwitch</a></li>
        <li><a href="http://faveup.com">FaveUp</a></li>
      </ul>
    </div>
    <div class="footer_column">
      <h3>RSS</h3>
      <ul>
        <li><a href="">RSS Feed</a></li>
        <li><a href="">What is RSS?</a></li>
      </ul>
    </div>
  </div>
</div>
</body>
</html>
